<!DOCTYPE html>
<html class="am-touch js cssanimations">
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>分享预约3</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <meta name="renderer" content="webkit" />
    <link rel="icon" type="image/png" href="assets/i/favicon.png" />
    <link rel="stylesheet" href="assets/css/jquery.fullPage.css" />
    <link rel="stylesheet" href="assets/css/animate.css" />
    <style type="text/css">
        html, body{ margin:0; padding:0; width:100%; height:100%; overflow:hidden; }
        div.section div{ position: absolute; overflow: hidden; }
        div.section div.divImg{ bottom: 0; }
        div.section div.divTop{ top: 0; }
        img{ width: 100%; }
    </style>
</head>
<body>
<div id="fullpage-wrapper">
    <!-- 页面1 -->
    <div class="section">
        <div class="divImg"><img style="display: block;" src="assets/i/action/green-bg.png" alt=""/></div>
        <div class="divTop"><img style="display: block;" src="assets/i/action/top.png" alt=""/></div>
    </div>
    <!-- 页面2 -->
    <div class="section">
        <div class="divImg"><img style="display: block;" src="assets/i/action/yellow-bg.png" alt=""/></div>
        <div class="divTop"><img style="display: block;" src="assets/i/action/top.png" alt=""/></div>
        <div class="divImg"><img style="display: block;" src="assets/i/action/bg2-1.png" alt=""/></div>
    </div>
    <div class="section">3</div>
    <div class="section">4</div>
    <div class="section">5</div>
    <div class="section">6</div>
    <div class="section">7</div>
    <div class="section">8</div>
</div>
<script type="text/javascript" src="assets/js/jquery.min.js"></script>
<script type="text/javascript" src="assets/js/jq.easing.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.fullPage.min.js"></script>
<script type="text/javascript">
    $(function() {
        $('#fullpage-wrapper').fullpage({
            sectionsColor: ['#05bd65', '#f99639', '#4094cb', '#1fd7de', '#15a93b', '#f79034', '#4094cb', '#1bd1da']
        });
    });
</script>
</body>
</html>